	
<!--link rel="stylesheet" th:href="@{/src/css/bootstrap.min.css}"></link>
<script th:src="@{/src/js/live/bootstrap.min.js}"></script-->
<section id="container">
	<div class="ces-hgruop">
		<div class="ces-header">
			<div class="ces-cell">
				<img style="width: 168px; height: 200px;"
					th:src="${live.coverImage}" />
			</div>
			<ul class="ces-cell mid-cell" style="height: 100%;">
				<li class="ces-logo"><img class="circle-image"
					style="width: 30px; height: 30px;" th:src="${liveAdmin.avatar}" /></li>
				<li th:utext="${live.topic} + ' 【回忆录】'">直播标题</li>
				<li th:text="${live.description}"></li>
				<li><a
					th:href="@{'/live/pcbroadcast/' + ${live.id} + '/timeline'}">切换至【时光轴】视图
						- POWERED BY 范客生活</a> <a href="#0" class="cd-read-more" title="分享"
					id="share-panel"> <i class="fa fa-share-alt"></i>分享
				</a></li>
			</ul>
			<div class="ces-cell ces-code">
				<img th:src="@{/src/img/wechatbarcode.png}" /> <span>微信扫一扫关注范客</span>
			</div>
		</div>
	</div>

	<section class="cd-container ces-live clearfix">
		<div id="canvas">
			<div id="book-zoom">
				<div class="sj-book">
					<div class="own-size"></div>
					<div class="own-size even"></div>
				</div>
			</div>
			<div id="slider-bar" class="turnjs-slider">
				<div id="slider"></div>
			</div>
		</div>
	</section>
	<br /> <br />
</section>


<script type="text/javascript" charset="utf-8" th:inline="javascript">
bShare
    .addEntry({
        title: " [来自范客生活的" + [[${live.topic}]] + "直播]",
        summary: "快到范客生活来看" + [[${live.topic}]] + "直播吧，跟朋友分享有更多好礼等着你哦。",
        vUid: "4905443",
        vEmail: "contact@faxsun.com",
        vTag: 'FAXSUN'
    });
</script>

<script type="text/javascript" th:src="@{/lib/turnbook/js/jquery.min.1.7.js}" />
<script type="text/javascript" th:src="@{/lib/turnbook/js/jquery-ui-1.8.20.custom.min.js}" />
<script type="text/javascript" th:src="@{/lib/turnbook/js/jquery.mousewheel.min.js}" />
<script type="text/javascript" th:src="@{/lib/turnbook/js/hash.js}" />

<script th:inline="javascript">
        var turnJs = [ [[@{/lib/turnbook/js/turn.min.js}]],[[@{/lib/turnbook/css/jquery.ui.css}]] ];
        
        var turnHtml4Js = [ [[@{/lib/turnbook/js/turn.html4.min.js}]],[[@{/lib/turnbook/css/jquery.ui.html4.css}]],[[@{/lib/turnbook/css/turnbook.html4.css}]] ];
        
        var bothJs = [ [[@{/lib/turnbook/js/run-turnbook.js}]],[[@{/lib/turnbook/css/turnbook.css}]] ];
        
        var bookSize = [[${msgSize}]];
</script>

<script type="text/javascript" th:src="@{/lib/turnbook/js/turnbook.js}"></script>

